查看原文
其他

【第1913期】Math.sign:在Javascript中如何检查一个数字是正数还是负数

samanthaming 前端早读课 2021-01-20

前言

你输入的越多,你的解决问题的工具箱就越丰富。今日早读文章由@排骨翻译投稿,Gitlab@samanthaming授权分享。

正文从这开始~~

现在有了ES6的Math.sign 👏,判断一个数字的符号就变得超级简单了,它可以显示出数字是正数、负数还是零。

  1. const positive = 5;

  2. const negative = -5;

  3. const zero = 0;


  4. Math.sign(positive); // 1

  5. Math.sign(negative); // -1

  6. Math.sign(zero); // 0

Math.sign 返回值

Math.sign()有5个可能的返回值。

  1. 1 // positive number

  2. -1 // negative number

  3. 0 // positive zero

  4. -0 // negative zero

  5. NaN // not a number

  1. Math.sign(8); // 1

  2. Math.sign(-8); // -1


  3. Math.sign(0); // 0

  4. Math.sign(-0); // -0


  5. Math.sign(NaN); // NaN

  6. Math.sign('hello'); // NaN

  7. Math.sign(); //NaN

注意,传递给这个函数的参数将被隐式转换为数字类型。

Math.sign Gotcha

一个常见的误区是认为Math.sign返回转换后的参数值。Math.sign只返回一个数字的符号。它并不返回值。

  1. Math.sign(-8);


  2. // ✅ return -1

  3. // ❌ It doesn't return -8

Math.sign vs 比较运算符

社区里提出了一个很好的问题:

既然可以用比较运算符,为什么还要用Math.sign?

  1. if (number > 0) {

  2. // Positive

  3. } else {

  4. // Negative

  5. }

versus
  1. if (Math.sign(number) > 0) {

  2. // Positive

  3. } else {

  4. // Negative

  5. }

实际上,如果你只是检查布尔状态,那么我只需要使用比较运算符,而不是使用Math.sign。但Math.sign的闪光点在于它返回一个数字值。这意味着你可以进行计算。

  1. const number = 5;


  2. number > 0; // true

  3. Math.sign(number); // 1

用Math.sign解决一个算法挑战

所以,它让我解决了这个算法挑战:"反转一个整数"

  1. Input: 123;

  2. Output: 321;


  3. Input: -123;

  4. Output: -321;

  1. function reverseInteger(num) {

  2. const numArray = Math.abs(num) // Get the absolute value of our number > 321

  3. .toString() // Convert our number to a string > '321'

  4. .split('') // Convert our string of numbers to an array > [3, 2, 1]

  5. .reverse() // Reverse our array of numbers > [1, 2, 3]

  6. .join(''); // Convert our array back to a string > 123


  7. const sign = Math.sign(num); // -1

  8. return numArray * sign;

  9. // Multiply our reverse string with the sign will produce the correct reverse number

  10. }


  11. reverseInteger(-321); // -123

这道算法题来自于Leetcode的《反转整数》。为了简化我们的演示,我把这道题的要求编辑了一下。要看实际的解法,这里有一道来自@loia5tqd001。

这其实是我第一次发现这个函数。这也是我喜欢看别人的解决方案的原因。看别人是怎么解决的,总是很有意思。即使解决方法不好,我也会看那些,因为它教我如何避免😉。没有知识是浪费的💪。所有这些都是扩展我的工具箱。就像那些机器学习一样,你输入的数据越多,它就越好。我想我的大脑也是这样的。我需要看到很多解决方案,才能让我变得更好😄😄

这就是为什么在我的很多花絮中,我都会涉及到不同的解题方法。因为永远没有一个最好的方法。最好的方法总是要看情况而定。你的工具箱越大,你就越有可能找到最好的方法👍。

负零

所以,你可能会注意到Math.sign返回的是负数0。

  1. Math.sign(0); // 0

  2. Math.sign(-0); // -0

而你的下一个问题是,这个负零到底是什么?在你不懂JS的Kyle Simpson解释得最清楚。

现在,除了学术上的琐事,我们为什么要用负零呢?

在某些应用中,开发人员用一个值的大小来表示一个信息(比如每帧动画的运动速度),并使用这个数字的符号来表示另一个信息(比如运动的方向)。

在这些应用中,举一个例子,如果一个变量到达零点时就失去了符号,那么在它到达零点之前,你就会失去它移动方向的信息。保留零的符号可以防止潜在的不需要的信息丢失。

Math.sign浏览器支持

对所有现代浏览器的支持都很不错。可惜的是,Internet Explorers太时髦了,不能跟其他人一起玩耍,所以没有支持那里。

IE的代码花絮

但不用担心,这里有一个代码片段可供选择。这段代码可以在IE浏览器和老版本的浏览器上使用👍。

  1. const positive = 5;

  2. const negative = -5;

  3. const zero = 0;


  4. positive === 0 ? positive : positive > 0 ? 1 : -1; // 1

  5. negative === 0 ? negative : negative > 0 ? 1 : -1; // -1

  6. zero === 0 ? zero : zero > 0 ? 1 : -1; // 0

Math.sign Polyfill

或者继续使用Math.sign,只需从MDN中添加这个Polyfill就可以了

  1. f (!Math.sign) {

  2. Math.sign = function(x) {

  3. return (x > 0) - (x < 0) || +x;

  4. };

  5. }

资源

  • MDN Web Docs - Math.sign()

  • Stack Overflow: Number sign in JavaScript

  • Leetcode Solution: Reverse an integer

  • Math.sign MDN Polyfill

  • Stack Overflow: How to check the value given is a positive or negative integer?

  • Stack Overflow: JS Negative Number

关于本文 作者:@samanthaming 原文:https://www.samanthaming.com/tidbits/29-check-if-number-is-positive-or-negative/

为你推荐


【第1639期】如何使用JSDoc保证你的Javascript类型安全性


【第1803期】如何在Web上构建一个插件系统


【第1599期】一个无名前端的10年前端路

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存